<!DOCTYPE html>
 {% load static %}
<html lang="zh-cn">

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>首页</title>

    <!-- Fav Icons -->
 <link rel="stylesheet" href="{% static 'assets/css/style.css' %}"s>

    <!-- Stylesheets -->
     <link rel="stylesheet" href="{% static 'assets/css/responsive.css' %}"s>
    <style>
        .overflowhidden{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        }
    </style>
</head>

<body>

    <div class="page-wrapper">

        <!-- Preloader -->



   <div class="preloader"></div>



        <!--====================================================================
                                Start Header area
        =====================================================================-->
        <header class="main-header">
            <div class="container">
                <div class="header-inner">
                    <div class="logo">
                       <a href="{% url 'index' %}"><img src="{% static 'assets/logo.png' %}" alt="Main Logo"></a>
                    </div>

                    <div class="categories">
                        <button><i class="flaticon-list"></i>
                        <span>商品分类</span></button>
                        <ul>
                            {% for item in cart_goods_list %}
                            <li><a href="{% url 'shop' item.id 1%}"><i class="{{ item.cag_img }}"></i>{{item.cag_name}}</a></li>

                            {% endfor %}
                        </ul>
                    </div>

                  <form class="menu-search" method="get" action="{% url 'search' 1 ' ' %}">
                                 {% csrf_token %}
                                <input type="search" name="q" placeholder="Search" required>
                                <button type="submit"><span class="icon fa fa-search"></span></button>
                            </form>


                    <div class="menu-collections">

                        <div class="collection-item ">

                           <a href="{% url 'cart' %}" style="margin-right: 30px"><i class="flaticon-shopping-cart"></i></a>
                        </div>
                        <div class="collection-item profile">
                            <i class="flaticon-user-1"></i>
                            <div class="collection-inner">
                                <ul>
                                    <li><a href="{% url 'cart' %}">购物车</a></li>
                                    <li><a href="#">登录</a></li>
                                    <li><a href="#">注册</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="main-menu">
                        <button><i class="flaticon-list-menu"></i></button>
                        <ul>
                            <li><a href="{% url 'index' %}">首页</a></li>

                            <li class="dropdown"><a href="#">商品分类</a>
                                <ul>
                                    {% for item in cart_goods_list %}
                            <li><a href="{% url 'shop' item.id 1%}"><i class="{{ item.cag_img }}"></i>{{item.cag_name}}</a></li>

                            {% endfor %}
                                </ul>
                            </li>

                            <li><a href="{% url 'cart' %}">购物车</a></li>
                        </ul>
                        <div class="menu-overlay"></div>
                    </div>
                </div>
            </div>
            <div class="collection-close"></div>
        </header>
        <!--====================================================================
                                End Header area
        =====================================================================-->
    {% block main %}

    {% endblock %}
        <!--====================================================================
            Start Hero Section
        =====================================================================-->

        <footer class="footer bg-black pt-20 text-lg-left text-center">
            <div class="container">
                <div class="row">
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <!-- Copyright Area-->
                            <p style="text-align: center">  CopyRight c 2019北京天天生鲜信息技术有限公司All Rights Reserved <br/>
                                        电话:010-严中**888京ICP备"P内出内*8号
                        </div>

                    </div>
                </div>
        </footer>

</div>
<!--            <script src="{% static 'assets/js/jquery.min.js' %}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<!--            <script src="{% static 'assets/js/bootstrap-v4.1.3.min.js' %}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.js"></script>
<!--            <script src="{% static 'assets/js/jquery.nice-select.min.js' %}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.js"></script>
            <script src="{% static 'assets/js/jquery.simpleLoadMore.min.js' %}"></script>
<!--            <script src="{% static 'assets/js/slick.min.js' %}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
<!--            <script src="{% static 'assets/js/appear.js' %}"></script>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery.appear/0.4.1/jquery.appear.js"></script>
            <script src="{% static 'assets/js/script.js' %} "></script>
</body>

</html>
